<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新增用户</title>
    <link rel="stylesheet" th:href="@{/public/lib/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/user/add.css}">
    <script th:src="@{/public/lib/jquery/jquery-3.7.1.min.js}"></script>
    <script th:src="@{/public/lib/layui/layui.js}"></script>
    <script th:src="@{/user/add.js}"></script>
</head>
<body>
<div>
    <form id="user-form" action="">
        <div>
            <label for="stuId">用户名：</label>
            <input type="text" id="stuId" autocomplete="off" placeholder="请输入用户名">
        </div>

        <div>
            <label for="name">昵称：</label>
            <input type="text" id="name" autocomplete="off" placeholder="请输入昵称">
        </div>

        <div>
            <label for="pinyin">拼音：</label>
            <input type="text" id="pinyin" autocomplete="off" placeholder="请输入拼音">
        </div>

        <div class="sex-wrapper">
            <label for="male">性别：</label>
            <input type="radio" id="male" name="sex" value="男" checked>
            <label for="male">男</label>&nbsp;&nbsp;
            <input type="radio" id="female" name="sex" value="女">
            <label for="female">女</label>
        </div>

        <div>
            <label for="birthday">出生日期：</label>
            <input type="text" id="birthday" autocomplete="off"
                   placeholder="请输入出生日期，格式:2000-02-05" readonly>
        </div>

        <div>
            <label for="phone">手机号：</label>
            <input type="text" id="phone" autocomplete="off" placeholder="请输入手机号">
        </div>

        <div>
            <label for="email">电子邮箱：</label>
            <input type="text" id="email" autocomplete="off" placeholder="请输入电子邮箱">
        </div>

        <div>
            <label for="wechat">微信号：</label>
            <input type="text" id="wechat" autocomplete="off" placeholder="请输入微信号">
        </div>
        <div>
            <label for="password">密码：</label>
            <input type="text" id="password" autocomplete="off" placeholder="请输入密码">
        </div>
        <div class="role-wrapper">
            <label for="role_user">身份：</label>
            <input type="radio" id="role_user" name="role" value="普通用户" checked>
            <label for="male">普通用户</label>&nbsp;&nbsp;
            <input type="radio" id="role_admin" name="role" value="管理员">
            <label for="role_admin">管理员</label>
            <input type="radio" id="role_expert" name="role" value="专业影评人">
            <label for="role_expert">专业影评人</label>
        </div>

        <div th:if="${showSubmit}">
            <label></label>
            <button id="submit-btn" type="button">提交</button>
        </div>
    </form>
</div>
</body>
</html>